<template>
  <div class="container">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <a @click="$router.go({'name': 'hospDesc'})" href="javascript:;">
            <img src="../../assets/img/ertong.jpg">
            <span>广东医科大学附属妇女儿童医院</span>
          </a>
        </div>
        <div class="swiper-slide">
          <a @click="$router.go({'name': 'hospDesc'})" href="javascript:;">
            <img src="../../assets/img/fuchan.jpg">
            <span>广东医科大学附属妇女儿童医院</span>
          </a>
        </div>
      </div>
      <div class="swiper-pagination"></div>
    </div>
    <div class="weui_cells weui_cells_access" style="margin-top:0;">
      <a class="weui_cell" href="http://map.qq.com/m/place/info/pointx=113.265094&pointy=22.837523&level=16&word=广东医科大学附属妇女儿童医院&addr=广东省佛山市顺德区大良保健路3号?referer=tengxun&ch=wap-map1.0">
        <div class="weui_cell_hd">
          <i class="fa fa-map-marker fa-fw icon-color" style="width:20px;margin-right:5px;"></i>
        </div>
        <div class="weui_cell_bd weui_cell_primary">
          <p class="am-ft-sm">广东省佛山市顺德区大良保健路3号</p>
        </div>
        <div class="weui_cell_ft">
        </div>
      </a>
      <a class="weui_cell" href="tel:0757-22663000">
        <div class="weui_cell_hd">
          <i class="fa fa-phone fa-fw icon-color" style="width:20px;margin-right:5px;"></i>
        </div>
        <div class="weui_cell_bd weui_cell_primary">
          <p class="am-ft-sm">联系电话</p>
        </div>
        <div class="weui_cell_ft am-ft-sm">
          0757-22663000
        </div>
      </a>
      <a class="weui_cell" href="http://www.sdfybj.com/">
        <div class="weui_cell_hd">
          <i class="fa fa-edge fa-fw icon-color" style="width:20px;margin-right:5px;"></i>
        </div>
        <div class="weui_cell_bd weui_cell_primary">
          <p class="am-ft-sm">网址</p>
        </div>
        <div class="weui_cell_ft am-ft-sm">
          www.sdfybj.com
        </div>
      </a>
    </div>
    <div class="weui_panel">
      <div class="weui_panel_hd">院内导航</div>
      <div class="weui_panel_bd">
        <div class="weui_media_box weui_media_small_appmsg">
          <div class="weui_cells weui_cells_access">
            <a class="weui_cell" href="javascript:;" @click="$router.go({name:'hospBuilding','query':{'branchNo':'01'}})">
              <div class="weui_cell_hd"><i class="fa fa-map fa-fw icon-color" style="width:20px;margin-right:5px;"></i></div>
              <div class="weui_cell_bd weui_cell_primary">
                <p>儿童医院</p>
              </div>
              <span class="weui_cell_ft"></span>
            </a>
          </div>
        </div>
        <div class="weui_media_box weui_media_small_appmsg">
          <div class="weui_cells weui_cells_access">
            <a class="weui_cell" href="javascript:;" @click="$router.go({name:'hospBuilding','query':{'branchNo':'02'}})">
              <div class="weui_cell_hd"><i class="fa fa-map fa-fw icon-color" style="width:20px;margin-right:5px;"></i></div>
              <div class="weui_cell_bd weui_cell_primary">
                <p>妇产医院</p>
              </div>
              <span class="weui_cell_ft"></span>
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="weui_cells weui_cells_access">
      <a class="weui_cell" href="javascript:;" @click="$router.go({'name': 'departList', 'query': { 'branchName': 'all', 'purpose': 'detail' }})">
        <div class="weui_cell_hd">
          <i class="fa fa-group fa-fw icon-color" style="width:20px;margin-right:5px;"></i>
        </div>
        <div class="weui_cell_bd weui_cell_primary">
          <p class="am-ft-sm">科室介绍</p>
        </div>
        <div class="weui_cell_ft am-ft-sm">
        </div>
      </a>
      <a class="weui_cell" href="javascript:;" @click="$router.go({'name': 'departList', 'query': { 'branchName': 'all', 'purpose': 'detail' }})">
        <div class="weui_cell_hd">
          <i class="fa fa-user-md fa-fw icon-color" style="width:20px;margin-right:5px;"></i>
        </div>
        <div class="weui_cell_bd weui_cell_primary">
          <p class="am-ft-sm">医生介绍</p>
        </div>
        <div class="weui_cell_ft am-ft-sm">
        </div>
      </a>
    </div>
    <partial name="footer-copyright"></partial>
  </div>
</template>
<style scoped>
.swiper-container {
  width: 100%;
  height: 196px;
}

.swiper-container img {
  width: 100%;
  height: 100%;
}
</style>
<script>
import Swiper from '../../../node_modules/swiper/dist/js/swiper.jquery.js'

export default {
  name: 'BranchDetailView',
  ready: function () {
    var mySwiper = new Swiper('.swiper-container', {
      direction: 'horizontal',
      loop: true,
      autoplay: 3000 // pagination: '.swiper-pagination'
    })
    this.swiper = mySwiper
  },
  swiper: null
}
</script>
